<template>
	<div class='headbox'>
		<div class='headcity'>
			<span @click='cityclick'>北京</span>
			<span class='iconfont icon-jiantou9 s'></span>
		</div>
		<div>
			<div class='inphead'>
				<input type="text" value="" class="headinput" placeholder="请输入商品" v-model="serach" />
				<text class="iconfont icon-fangdajing fangdajing" @click="serch"></text>
			</div>
		</div>
		<div class='vehicle' @click='shopping'>
			<span class='iconfont icon-pifa vehicle'></span>
		</div>
	</div>
</template>

<script>
	export default {
		data() {
			return {
				city: '',
				serach: '',
				talentslist: [{
						"id": "1001",
						"name": "张三",
						"exprience": "工作经验：3年",
						"money": "12000元/月",
						"desc": "时光静好",
						"email": "45616756@126.com",
						"details": "我性格开朗、思维活跃;拥有年轻人的朝气蓬勃,做事有责任心,条理性强;易与人相处,对工作充满热情,勤奋好学,敢挑重担,具有很强的团队精神和协调能力。在为人方面,我诚实善良、开朗自信,能够吃苦。在生活中,我尊敬他人,能够和别人友好相处,现在我唯一的不足就是应届毕业,还没有足够的工作经验。",
						"picUrl": "http://image.hnol.net/c/2020-08/07/08/202008070814078151-239867.jpg",

					},
					{
						"id": "1002",
						"name": "李四",
						"exprience": "工作经验：3年",
						"money": "12000元/月",
						"desc": "小鸟依人呆萌小妹子",
						"email": "45616756@126.com",
						"details": "我性格开朗、思维活跃;拥有年轻人的朝气蓬勃,做事有责任心,条理性强;易与人相处,对工作充满热情,勤奋好学,敢挑重担,具有很强的团队精神和协调能力。在为人方面,我诚实善良、开朗自信,能够吃苦。在生活中,我尊敬他人,能够和别人友好相处,现在我唯一的不足就是应届毕业,还没有足够的工作经验。",
						"picUrl": "http://image.hnol.net/c/2020-08/07/12/20200807125033871-6447446.jpg",
					},
					{
						"id": "1003",
						"name": "王五",
						"exprience": "工作经验：3年",
						"money": "12000元/月",
						"desc": "荷衣清风",
						"email": "45616756@126.com",
						"details": "我性格开朗、思维活跃;拥有年轻人的朝气蓬勃,做事有责任心,条理性强;易与人相处,对工作充满热情,勤奋好学,敢挑重担,具有很强的团队精神和协调能力。在为人方面,我诚实善良、开朗自信,能够吃苦。在生活中,我尊敬他人,能够和别人友好相处,现在我唯一的不足就是应届毕业,还没有足够的工作经验。",
						"picUrl": "http://image.hnol.net/c/2020-07/30/07/202007300727546961-239867.jpg",
					},
					{
						"id": "1004",
						"name": "开心的马骝",
						"exprience": "工作经验：3年",
						"money": "12000元/月",
						"desc": "稻香弥漫盛夏时光",
						"email": "45616756@126.com",
						"details": "我性格开朗、思维活跃;拥有年轻人的朝气蓬勃,做事有责任心,条理性强;易与人相处,对工作充满热情,勤奋好学,敢挑重担,具有很强的团队精神和协调能力。在为人方面,我诚实善良、开朗自信,能够吃苦。在生活中,我尊敬他人,能够和别人友好相处,现在我唯一的不足就是应届毕业,还没有足够的工作经验。",
						"picUrl": "http://image.hnol.net/c/2020-07/31/08/20200731081704781-239867.jpg",
					},
					{
						"id": "1005",
						"name": "小阿七",
						"exprience": "工作经验：3年",
						"money": "12000元/月",
						"desc": "名典时尚",
						"email": "45616756@126.com",
						"details": "我性格开朗、思维活跃;拥有年轻人的朝气蓬勃,做事有责任心,条理性强;易与人相处,对工作充满热情,勤奋好学,敢挑重担,具有很强的团队精神和协调能力。在为人方面,我诚实善良、开朗自信,能够吃苦。在生活中,我尊敬他人,能够和别人友好相处,现在我唯一的不足就是应届毕业,还没有足够的工作经验。",
						"picUrl": "http://image.hnol.net/c/2020-08/01/09/20200801092726731-239867.jpg",
					},
					{
						"id": "1006",
						"name": "美娜",
						"exprience": "工作经验：3年",
						"money": "12000元/月",
						"desc": "90后清纯女神",
						"email": "45616756@126.com",
						"details": "我性格开朗、思维活跃;拥有年轻人的朝气蓬勃,做事有责任心,条理性强;易与人相处,对工作充满热情,勤奋好学,敢挑重担,具有很强的团队精神和协调能力。在为人方面,我诚实善良、开朗自信,能够吃苦。在生活中,我尊敬他人,能够和别人友好相处,现在我唯一的不足就是应届毕业,还没有足够的工作经验。",
						"picUrl": "http://image.hnol.net/c/2020-07/30/10/0ed9f6c33f575783e7fe899cd6bc67b1-6072437.jpg",
					}
				],
			}
		},
		methods: {
			cityclick() {
				uni.navigateTo({
					url: '/pages/City/index'
				})
			},
			// 搜索
			serch() {},
			// 购物车
			shopping() {
				console.log(1)
				uni.navigateTo({
					url: '../Shop/shopping/index'
				})
			}
		},
		mounted() {
			if (localStorage.getItem('cityname')) {

				var city = localStorage.getItem('cityname');
				console.log(city)
				this.city = city
			}
		}
	}
</script>
<style scoped>
	.fangdajing {
		position: absolute;
		top: 9px;
		right: 77px;
	}

	.headbox {
		background: #FFFFFF;
		width: 375px;
		display: flex;
		width: 100%;
		padding: 3px 3px;
		height: 31px;
		margin-bottom: 5px;
		position: fixed;
		z-index: 999;
	}

	.headcity {
		line-height: 30px;
		font-size: 14PX;
		width: 15%;
		padding-right: 2px;
	}

	.inphead {
		width: 140%;

	}

	.icon-jiantou9 {
		margin-left: 5px;
		font-size: 12px;
	}

	.headinput {
		padding-left: 10px;
		background: rgb(245, 245, 245);
		height: 30px;
		border-radius: 20px;
	}

	.vehicle {
		width: 40px;
		height: 31px;
		position: absolute;
		top: 11%;
		right: 0px;
	}
</style>
